@import "common"

.order
  width: 100%
  height: 100%
  background-color: #f5f5f5
  padding-top: 0.86rem
  .form
    width: 6.2rem
    height: 0.6rem
    background-color: #ededed
    border-radius: 2px
    margin-right: auto
    input
      background-color: #ededed
      width: 90%
      height: 100%
      padding-left: 0.28rem

  .icon
    display: inline-block
  .quick-search
    width: 0.38rem
    height: 0.38rem
    @include bg('../icon/list.png')
  .search-form
    padding: 0 0.3rem
    background-color: white
    padding-bottom: 0.47rem

    .form-group
      font-size: 16px
      color: #505050
      height: 0.8rem
      border-bottom: 1px solid #e3e3e3
      line-height: 0.8rem
      display: flex
      flex-flow: row
      align-self: center
      input
        width: 100%
        flex: 1
      i
        margin-left: auto
        position: relative


    .btn
      width: 4.1rem
      height: 0.75rem
      background-color: $activecolor
      color: white
      text-align: center
      font-size: 18px
      line-height: 0.75rem
      border-radius: 0.4rem
      margin: auto
      margin-top: 0.47rem
    .create-time
      input
        width: 2.4rem
      .mu-date-picker:last-child
        margin-left: auto
        i
          left: 85%
      label
        display: inline-block
        width: 1.7rem
      span
        display: inline-block
        width: 0.5rem
        text-align: center
  .order-list
    background-color: #f5f5f5
    .order-item
      margin-top: 0.2rem
      background-color: white
      font-size: 14px
      .top, .time
        line-height: 0.88rem
        padding: 0 0.3rem
      .top
        @include bg("../icon/next.png")
        background-position: 6.8rem center
        background-size: 0.16rem 0.3rem
        .color1
          padding-right: 0.2rem
        a
          color: #505050
      .time
        font-size: .28rem
      .content
        border: 1px solid #e3e3e3
        border-left: none
        border-right: none
        li
          height: .9rem
          line-height: .9rem
          padding: 0 0.3rem 0 0.3rem
          margin: 0
        .width
          display: inline-block
          width: 1.4rem
          overflow: hidden
          word-break: keep-all
          vertical-align: top
      .btn
        display: inline-block
        padding: 0 .2rem 0 .2rem
        height: 0.46rem
        font-size: 14px
        text-align: center
        line-height: 0.46rem
        color: white
        border-radius: 0.2rem
        background-color: $activecolor

      .no-register
        background-color: #cacaca
      .name
        font-size: 16px
      .color
        color: #505050
      .color1
        color: #787878
      .active
        color: $activecolor
      li + li
      .x-width, .l-width
        display: inline-block
        vertical-align: top
        width: 2rem
      .l-width
        width: 3.6rem
      .time
        display: flex
        justify-content: space-between
        align-self: center

.order-detail
  background-color: #f5f5f5
  .tab
    width: 100%
    height: 1rem
    background-color: #eeeeee
    display: flex
    flex-flow: row
    justify-content: space-around
    align-self: center
    a
      font-size: 16px
      color: #505050
      line-height: 1rem
    a.router-link-active
      border-bottom: 1px solid $activecolor

.panel
  background-color: white
  width: 100%
  margin-bottom: 0.3rem
  .panel-header
    position: relative
    width: 100%
    height: 1.15rem
    padding: 0 0.6rem
    font-size: 18px
    color: #505050
    line-height: 1.15rem
    border-bottom: 1px solid #eeeeee
    &:before
      position: absolute
      left: 0.3rem
      top: 0.4rem
      content: ""
      display: block
      width: 0.06rem
      height: 0.34rem
      background-color: $activecolor
  .panel-body
    li
      padding: 0 0.6rem
      //height: 0.95rem
      font-size: 16px
      color: #808080
      border-bottom: 1px solid #eeeeee
      line-height: 0.95rem
      span
        color: #505050

.bottom-list
  padding: 0.3rem 0
  line-height: 0.8rem
  font-size: 16px
  li
    padding: 0 0.3rem
    border-bottom: 1px solid #eeeeee
  li:last-child
    border-bottom: none

.default-page
  width: 100%
  height: 4rem
  @include bg("../icon/no-data.png")
  background-size: 3.6rem auto
  padding-top: 2.5rem
  margin-top: 1.5rem
  .btn
    width: 4.1rem
    height: 0.75rem
    background-color: $activecolor
    color: white
    text-align: center
    font-size: 18px
    line-height: 0.75rem
    border-radius: 0.4rem
    margin: auto
    margin-top: 0.47rem

.order-detail
  .image-data
    .panel
      .panel-body
        li
          height: auto
          .text

            height: 0.95rem
            font-size: 16px
            color: #808080

            line-height: 0.95rem
            span
              color: #505050
          .img
            img
              width: 100%
              height: auto
